/**
 * Created by Administrator on 2017/3/9.
 */
var Slider = require('../../../src/libs/slider');

var Root = React.createClass({
    render:function(){
        var config = {
            dots: true,
            arrows: true,
            autoPlay: true,
            autoPlaySpeed: 2000
        }
        return(
            <div className="slider-warp">
                <Slider config={config}>
                    <div className="ucs-slider-item active-item" style={{background: "url(../images/1/b0.jpg)  center 0 no-repeat"}}>
                        <div className="inner"></div>
                    </div>
                    <div className="ucs-slider-item" style={{background: "url(../images/1/b1.jpg)  center 0 no-repeat"}}>
                        <div className="inner"></div>
                    </div>
                    <div className="ucs-slider-item" style={{background: "url(../images/1/b3.jpg)  center 0 no-repeat"}}>
                        <div className="inner"></div>
                    </div>
                </Slider>
            </div>
        )
    }
});
ReactDOM.render(<Root/>, document.getElementById('main'));